﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>商品讨论页</title>
<link href="${baseUrl!}/static/huihuo/skin/default/public.css" rel="stylesheet" type="text/css">
<link href="${baseUrl!}/static/huihuo/skin/default/element.css" rel="stylesheet" type="text/css">

    <script type="text/javascript">
        var partInUrl = '/participation';
        var messignUrl = '/message';
    </script>
</head>
<body>
<!-- head -->
<div id="head">
  <div class="container clearfix">
    <div class="main-logo">
      <h1><a href="/" title="灰货"><img src="${baseUrl!}/static/huihuo/img/main-logo.png"></a></h1>
    </div>
    <div class="main-nav">
      <ul class="clearfix">
          <li><a href="javascript:;">我参与的商品</a><span class="num">${participationSize!}</span></li>
          <li ><a href="/">动态</a></li>
          <li><a href="/hot">热点</a></li>
          <li><a href="/boutique">精品</a></li>
      </ul>
    </div>
  </div>
</div>
<!-- main content -->
<div id="wapper">
  <div class="container container-small clearfix">
      <!-- goods-info -->
      <div class="goods-info clearfix">
        <!-- goods-images -->
        <div class="goods-images">
           <div class="big-img">
               <#if (product.inner_pic_path)??>
                   <div class="center"><img src="${product.inner_pic_path!}?imageMogr2/thumbnail/646x646"></div>

                   <#else/>
                   <div class="center"><img src="${product.out_pic_path!}?imageMogr2/thumbnail/646x646"></div>
               </#if>


           </div>
           <div class="small-img">
            <ul class="clearfix">
                <#list prodPics as prodPic>
                    <li><a href="javascript:;"><div class="mask"></div>
                        <#if prodPic.inner_pic_path??>
                            <div class="center"><img src="${prodPic.inner_pic_path!}?imageMogr2/thumbnail/96x96" ></div>
                            <#else/>

                            <div class="center"><img src="${prodPic.out_pic_path!}?imageMogr2/thumbnail/96x96"></div>
                        </#if>
                    </a></li>
                </#list>
            </ul>
           </div>
        </div>
        <div class="goods-description">
            <div class="info">
                <div class="price"><strong>$${product.price!}</strong>
                </div>
                <h2>${product.prod_title!} </h2>
            </div>
            <div class="buy-channel">
                <div class="text-tips">原始购买渠道</div>
                <ul>
                   <a target="_blank"   href="${product.prod_url!}" ><li>商品原始链接（美国Amazon）</li></a>
                    <a target="_blank"   href="${baseUrl!}/abort" ><li>美国Amazon海淘指南</li></a>
                </ul>
                <div class="text-tips">自动匹配的购买渠道</div>
                <ul>
                    <#if hai360??>
                        <a target="_blank" href="${hai360.channel_url!}" ><li>海360（价格￥${hai360.channel_price}，运费约￥${hai360.channel_freight}）</li></a>
                    </#if>
                    <#if bingfan??>
                        <a target="_blank"  href="${bingfan.channel_url!}" ><li>冰帆海淘（价格￥${bingfan.channel_price}，运费约￥${bingfan.channel_freight}）</li></a>
                    </#if>
                    <#setting url_escaping_charset='utf-8'/>
                    <a target="_blank"   href="https://s.taobao.com/search?q=${product.prod_title?url}"><li>淘宝搜索结果</li></a>
                </ul>
            </div>
            <div class="text-tips text-tips1">
                <p>注：自动匹配的购买渠道，是服务器自动匹配的。我们选择了一些能很好地匹配美国亚马逊商品SPU的网站来进行此工作。——它们不是最好的购买方式，也不一定管用，请主要参考网友贡献的购买渠道。如果你知道好的渠道，也请贡献给大家。</p>
            </div>
        </div>
      </div>
      
      <!-- goods list -->
      <div class="goods-info--comment-list">

          <div class="nav-tabs">
              <ul class="clearfix">
                  <li class="current">讨论（<span>${prodCommentSize.size!}</span>条）</li>
                  <li>摘抄（<span>${extractSize.size!}</span>条）</li>
                  <li>购买渠道（<span>${channelSize.size!}</span>条）</li>
              </ul>
          </div>


          <!-- goods list -->
          <div class="goods-comment-list comment">
              <div class="item-1"><button type="button" class="button-default">添加讨论</button></div>
              <ul class="list-content"></ul>
              <div class="text-tips"  style="margin-top:50px;margin-bottom:200px;">
                  <div class="con">
                      <p>这里是商品的讨论区。</p>
                      <p>• 如果你对此商品感兴趣，可以在此提问。</p>
                      <p>• 如果你对此商品有了解，可以在此讲述。</p>
                      <p>• 如果你体验过这个商品，可以在此分享经历。</p>
                  </div>
              </div>
              <div class="js-loadmore refresh mtb50"><span class="loading"><a><i class="i-05"></i>正在加载更多</a></span></div>
          </div>

      </div>
  </div>
</div>

<input type="hidden" name="" id="productid" value="${product.prodId!}"/>

<!--js footer-->
<script type="text/javascript" src="${baseUrl!}/static/huihuo/js/lib/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="${baseUrl!}/static/huihuo/js/global/base.js"></script>
<script type="text/javascript" src="${baseUrl!}/static/huihuo/js/global/userServers.js"></script>
<script type="text/javascript" src="${baseUrl!}/static/huihuo/js/global/ui/layer_warning.js"></script>
<script type="text/javascript" src="${baseUrl!}/static/huihuo/js/global/ui/layer_login.js"></script>
<script type="text/javascript" src="${baseUrl!}/static/huihuo/js/global/ui/layer_comment.js"></script>
<script type="text/javascript" src="${baseUrl!}/static/huihuo/js/global/ui/layer_excerpt.js"></script>
<script type="text/javascript" src="${baseUrl!}/static/huihuo/js/global/ui/layer_channel.js"></script>
<script type="text/javascript" src="${baseUrl!}/static/huihuo/js/global/ui/layer_delete.js"></script>
<script type="text/javascript" src="${baseUrl!}/static/huihuo/js/commentpage/servers.js"></script>
<script type="text/javascript" src="${baseUrl!}/static/huihuo/js/commentpage/ugcs.js"></script>
<script type="text/javascript" src="${baseUrl!}/static/huihuo/js/commentpage/comment.js"></script>
<script type="text/javascript" src="${baseUrl!}/static/huihuo/js/commentpage/main.js"></script>
<script type="text/javascript" src="${baseUrl!}/static/huihuo/js/global/vote.js"></script>
<script type="text/javascript">
    //开启ugc和评论功能
    $('.list-content').ugcs({
        'initLoad': 20,
        'oLoadMore': $('.js-loadmore'),
        'oTextTips': $('.goods-comment-list .text-tips'),
        'productId': $('#productid').val()
    }).comments();
</script>
</body>
</html>
